<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Subway China | 赛百味中国</title>
		<link rel="stylesheet" type="text/css" href="../css/swiper.css" />
		<script src="../js/swiper.js"></script>
		<script src="../js/jquery-2.2.3.min.js">
		</script>
		<style type="text/css">
			.swiper-container {
				width: 606px;
				height: 360px;
				color: white;
				position: absolute;
				z-index: 1000;
				top: 0px;
				left: 0px;
			}
			
			* {
				padding: 0;
				margin: 0;
			}
			
			html,
			body {
				width: 100%;
				height: 100%;
			}
			
			header {
				height: 100px;
				width: 910px;
				margin: 0 auto;
				position: relative;
			}
			
			#conten {
				width: 910px;
				margin: 0 auto 10px auto;
			}
			
			#shenti {
				position: relative;
				margin: 0 auto;
				width: 910px;
			}
			
			#footOneTwo {
				height: 100px;
				margin: 0 auto;
				width: 910px;
			}
			
			#foot {
				clear: both;
				margin: 0 auto;
				width: 910px;
				height: 44px;
				text-align: center;
			}
			
			#footLast {
				margin: 0 auto;
				width: 910px;
				text-align: center;
				font-size: 12px;
			}
			
			#headerOne {
				z-index: 1000;
				position: absolute;
				right: 0;
			}
			
			#theText {
				position: absolute;
				left: -500px;
			}
			
			#navUl li {
				float: left;
				list-style: none;
				width: 145px;
				text-align: center;
				border-left: 0.5px solid darkgreen;
			}
			
			.navLi a {
				text-decoration: none;
				color: white;
			}
			
			nav {
				position: relative;
			}
			
			#beijng {
				position: absolute;
				top: 1px;
				left: 180px;
			}
			
			#logo {
				width: 180px;
				height: 100px;
				display: inline-block;
				background: url(../img/首页_files/logo.jpg);
				position: absolute;
			}
			
			#navUl {
				position: absolute;
				left: 180px;
				top: 40px;
			}
			
			#theSpan {
				width: 146px;
				position: absolute;
				display: inline-block;
				background: rgb(32, 134, 43);
				height: 35px;
				border-radius: 0 10px 10px 0;
				top: -6px;
				right: 0;
				line-height: 35px;
			}
			
			#findLi a {
				text-decoration: none;
				color: yellow;
			}
			
			#navUlTwo {
				list-style: none;
				position: absolute;
				top: 69px;
				left: 326px;
				z-index: 9999999;
				width: 200px;
				font-size: 12px;
				background: #0ca251;
				text-shadow: 1px 1px 1px #000;
				border: 1px solid #d3d3d3;
				border-top: 3px solid #349a48;
				font-family: Arial Black, 'Microsoft YaHei', Gadget, sans-serif;
				display: none;
			}
			
			#navUlTwo a {
				text-decoration: none;
				color: white;
			}
			
			#navUlTwo li {
				width: 190px;
				text-align: left;
				padding-left: 10px;
				line-height: 36px;
				border-top: 1px solid #36a662;
				border-bottom: 1px solid #0b914a;
			}
			
			.navLi a:hover {
				color: yellow;
			}
			
			#findLi a:hover {
				color: white;
			}
			
			#partTwo {
				width: 290px;
				height: 355px;
				margin: 0 auto;
				overflow: hidden;
				position: relative;
				top: 0px;
				left: 310px;
			}
			
			#partThree {
				width: 606px;
				height: 360px;
				position: absolute;
				right: 0;
				z-index: 100;
			}
			
			#partThree1 {
				width: 290px;
				height: 360px;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 100;
			}
			
			#partFour {
				width: 606px;
				height: 360px;
				position: absolute;
				right: 0;
				z-index: 100;
			}
			
			#partFour1 {
				width: 290px;
				height: 360px;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 100;
			}
			
			#partFive {
				width: 606px;
				height: 360px;
				position: absolute;
				right: 0;
				z-index: 100;
			}
			
			#partFive1 {
				width: 290px;
				height: 360px;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 100;
			}
			
			.imgTwo {
				position: absolute;
				top: -156px;
			}
			
			.imgThree {
				position: absolute;
				left: -290px;
				top: 0;
			}
			
			.imgFour {
				position: absolute;
				left: -290px;
				top: 116px;
			}
			
			#footOne {
				margin-top: 10px;
				width: 606px;
				height: 95px;
				float: left;
			}
			
			#footOne a {
				display: inline-block;
				width: 195px;
				height: 95px;
				margin-right: 3px;
			}
			
			#footOne a:nth-child(1) {
				background: url(../img/首页_files/home-box-1_CN.jpg);
			}
			
			#footOne a:nth-child(2) {
				background: url(../img/首页_files/home-box-2_CN.jpg);
			}
			
			#footOne a:nth-child(3) {
				background: url(../img/首页_files/home-box-3_CN.jpg);
			}
			
			#footOne a:nth-child(1):hover {
				background: url(../img/首页_files/box1hover.jpg)
			}
			
			#footOne a:nth-child(2):hover {
				background: url(../img/首页_files/box2hover.jpg);
			}
			
			#footOne a:nth-child(3):hover {
				background: url(../img/首页_files/box3hover.jpg);
			}
			
			#footTwo {
				margin-top: 10px;
				width: 290px;
				height: 95px;
				float: right;	
			}
			
			#footTwo a {
				display: inline-block;
				width: 135px;
				height: 95px;
				margin-right: 5px;
			}
			
			#footTwo img {
				position: absolute;
				top: -240px;
				right: 20px;
				z-index: 1010;
				display: none;
			}
			
			#footTwo a:nth-child(1) {
				background: url(../img/首页_files/weibo_CN.jpg);
			}
			
			#footTwo a:nth-child(2) {
				background: url(../img/首页_files/weixin_CN.jpg);
			}
			
			#footTwo a:nth-child(1):hover {
				background: url(../img/首页_files/weibohover.jpg)
			}
			
			#footTwo a:nth-child(2):hover {
				background: url(../img/首页_files/weixinhover.jpg)
			}
			
			#theLastFoot a {
				font-size: 13px;
			}
			
			.imgOne {
				opacity: 0;
			}
			
			#contenOne img {
				float: left;
			}
			
			#contenOne img:nth-child(2) {
				display: none;
			}
			
			#contenOne img:nth-child(3) {
				display: none;
			}
			
			#contenOne img:nth-child(4) {
				display: none;
			}
			
			#contenTwo img {
				float: right;
			}
		</style>
	</head>

	<body>
		<header id="">
			<div id="headerOne">
				<span id="theText">
				中国
			</span>
				<select id="">
					<option selected="selected" value="">Select Language</option>
					<option value="EN">English</option>
					<option value="CN">Chinese</option>
				</select>
				<span>|</span>
				<a id="subwayLink" href="http://www.subway.com/nogeo">进入全球官网</a>
			</div>
			<nav>
				<a id="logo" class="logo" href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/1.html"></a>
				<img id="beijng" src="../img/首页_files/green.png" />
				<ul id="navUl">
					<li class="navLi">
						<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/6.html">新闻动态</a>
					</li>
					<li id="listFood" class="navLi">
						<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/3.html">美食与营养</a>
					</li>
					<li class="navLi">
						<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/4.html">加盟流程</a>
					</li>
					<li class="navLi">
						<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/5.html">关于我们</a>
					</li>
					<li id="findLi">
						<span id="theSpan">
							<a href="###">快餐店位置查询</a>
						</span>
					</li>
				</ul>
			</nav>
			<ul id="navUlTwo">
				<li>
					<a href="###">超值 Value</a>
				</li>
				<li>
					<a href="###">经典 Classics</a>
				</li>
				<li>
					<a href="###">精选 Premium</a>
				</li>
				<li>
					<a href="###">低脂 Low Fat</a>
				</li>
				<li>
					<a href="###">百味卷 Wrap</a>
				</li>
				<li>
					<a href="###">沙拉 Salad</a>
				</li>
				<li>
					<a href="###">聚餐服务 Catering</a>
				</li>
				<li>
					<a href="###">饮料和小食 Drinks & Sides</a>
				</li>
				<li>
					<a href="###">早餐 BREAKFAST</a>
				</li>
				<li>
					<a href="###">营养 Nutrition</a>
				</li>
				<li>
					<a href="###">如何点餐 How To Order</a>
				</li>
			</ul>
		</header>
		<div id="conten">
			<div id="contenOne">
				<img class="contenOneImg" src="../img/建议位置_files/6C8AB716-6C51-4DB3-8A73-098960EA9A51.png" />
				<img class="contenOneImg" src="../img/建议位置_files/B1E12578-5695-472C-93EE-A1EA5D5DCFA9.png" />
				<img class="contenOneImg" src="../img/建议位置_files/BF99CA02-D5FE-4131-9F32-141DA67D649C.png" />
				<img class="contenOneImg" src="../img/建议位置_files/94FA4890-F753-4DCF-A14D-DF34FD5B1F93.png" />

			</div>
			<div id="contenTwo">
				<img class="contenTwoImg" src="../img/建议位置_files/rhu_local_01.jpg" />
				<img class="contenTwoImg" src="../img/建议位置_files/middlerightthree.jpg" />
				<img class="contenTwoImg" src="../img/建议位置_files/rhu_local_05.jpg" />
				<img class="contenTwoImg" src="../img/建议位置_files/rhu_local_07.jpg" />
				<img src="../img/建议位置_files/middle-righone.jpg" />
			</div>
		</div>
		<div id="footOneTwo">
			<div id="footOne">
				<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/2.html"></a>
				<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/3.html"></a>
				<a href="http://192.168.0.114:8020/saibaiwei/%E9%A1%B9%E7%9B%AE/src/6.html"></a>
			</div>
			<div id="footTwo">
				<a href="###"></a>
				<a id="weixinHover" href="###"></a>
				<img id="weixinImg" src="../img/首页_files/code.png" />
			</div>

		</div>
		<div id="myFoot">
			<div id="foot">
				<div id="theLastFoot">
					<a href="###"> 主页</a>
					|
					<a href="###"> 菜单/营养</a>
					|
					<a href="###"> 如何加盟</a>
					|
					<a href="###"> 关于我们</a>
					|
					<a href="###"> 快餐店位置查询</a>
					<br />
					<a href="###"> 联系我们</a>
					|
					<a href="###"> 使用条款</a>
					|
					<a href="###"> 隐私权政策</a>
					|
					<a href="###"> SUBWAY Partners™</a>
				</div>
			</div>
			<div id="footLast">
				<p>SUBWAY® is a Registered Trademark of Subway IP Inc.
					<br /> ®2016 Subway IP Inc.
				</p>
			</div>
		</div>
		<script>
			var theTwoImg = document.getElementsByClassName("contenTwoImg");
			var theOneImg = document.getElementsByClassName("contenOneImg");
			function theClick(a, b, c, d, e) {
				a.onclick = function() {
					b.style.display = "block";
					c.style.display = "none";
					d.style.display = "none";
					e.style.display = "none";
				}
			}
			theClick(theTwoImg[0], theOneImg[0], theOneImg[1], theOneImg[2], theOneImg[3]);
			theClick(theTwoImg[1], theOneImg[1], theOneImg[0], theOneImg[2], theOneImg[3]);
			theClick(theTwoImg[2], theOneImg[2], theOneImg[0], theOneImg[1], theOneImg[3]);
			theClick(theTwoImg[3], theOneImg[3], theOneImg[0], theOneImg[2], theOneImg[1]);
		
		</script>
	</body>

</html>